---
title: ///_hyperscript
---
<!doctype html>
<html lang="en" class="-no-dark-theme">
<head>
    <title>{{ title }}</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://unpkg.com/missing.css@v0.2.1/missing.min.css"/>
    <link rel="stylesheet" href="https://unpkg.com/missing.css@v0.2.1/missing-prism.min.css"/>
    <link rel="stylesheet" href="/css/site.css"/>
    {# <link rel="stylesheet" href="/css/prism-htmx.css"/> #}
    <script src="https://unpkg.com/prismjs@1.25.0/components/prism-core.min.js"></script>
    <script src="https://unpkg.com/prismjs@1.25.0/plugins/autoloader/prism-autoloader.min.js"></script>
    <script src="https://unpkg.com/prismjs@1.25.0/components/prism-markup.min.js"></script>
    <script src="https://unpkg.com/prismjs@1.25.0/components/prism-clike.min.js"></script>
    <script src="https://unpkg.com/prismjs@1.25.0/components/prism-javascript.min.js"></script>
    <script src="https://unpkg.com/prism-hyperscript@1.1.1/prism-hyperscript.js"></script>
    <script src="/js/_hyperscript_w9y.min.js"></script>
</head>
<body>
<header class="navbar">
    {% if page.url.indexOf("/examples/") == 0 %}
    <nav id="nav" class="navigation nav"> <!-- don't boost on demo pages, sinon hijacks everything :/ -->
    {% else %}
    <nav id="nav" class="navigation" hx-boost="true">
    {% endif %}
        <ul role="list" preload="mouseover" class="align-items:center">
            <li><a href="/"><img alt="///_hyperscript" src="/img/transparent_logo.png"></a>
            <li><a href="/docs/">docs</a>
            <li><a href="/reference/">reference</a>
            <li><a href="/cookbook/">cookbook</a>
            <li><a href="/talk/">talk</a>
            <li><a href="https://github.com/sponsors/bigskysoftware?o=esb">sponsor</a>
            <li><form action="https://google.com/search">
                <input type="hidden" name="q" value="site:hyperscript.org" />
                <label><v-h>Search</v-h><input type="text" name="q" placeholder="🔍️" class="search-box" /></label>
            </form>
            <li><a href="https://github.com/bigskysoftware/_hyperscript">github</a>
            <li><iframe src="https://ghbtns.com/github-btn.html?user=bigskysoftware&repo=_hyperscript&type=star&count=true" frameborder="0" scrolling="0" class="github-stars" style="width:85px;height:20px;margin:auto" title="Star htmx on GitHub"></iframe>
        </ul>
    </nav>
</header>
<div class="container content">
    {{ content | safe }}
</div>
</body>
</html>
